<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业</title>
    <style>
        .A1{
            width: 970px;
            height: 103px;
        }
        .B2 {
            width: 277px;
            height: 103px;
            float: left;
            background-color: red;
        }

        .C3 {
            width: 137px;
            height: 49px;
            background-color: green;
            float: right;
            margin-bottom: 8px;
        }

        .C4 {
            width: 679px;
            height: 46px;
            background-color: green;
            float: right;
            margin-left: 14px;
        }
        .D1{width: 970px;
        height:435px;
            margin-top: 10px;
        }
        .D2{
            width: 310px;
            height: 435px;
            float: left;
            background-color:yellow;
        }
        .D3{
            width: 450px;
            height: 240px;
            background-color:#2694ff;
            margin:10px;
            margin-top:0;
            float: left;
        }
        .D4{
            width: 450px;
            height: 110px;
            float: left;
            margin:10px;
            margin-top:0;
            background-color: #2694ff;
        }
        .D5{
            width: 450px;
            height: 30px;
            float: left;
            background-color: #2694ff;
            margin: 10px;
            margin-top:0;
        }
        .D6{
            width: 650px;
            height: 25px;
            background-color: green;
            float: right;
            margin-bottom: 10px;

        }
        .D7{
            width: 190px;
            height: 400px;
            float: right;
            background-color:#df2cff;


        }
        .E{
            width: 970px;
            height: 35px;
            background-color: blue;
            margin-top: 10px;
        }
    </style>
</head>
<body>
<div class="A1">
<div class="B2"></div>
<div class="C3"></div>
<div class="C4"></div>
</div>
<div class="D1">
    <div class="D2"></div>
    <div class="D7"></div>
    <div class="D4"></div>
    <div class="D5"></div>
    <div class="D3"></div>
    <div class="D6"></div>
</div>
<div class="E"></div>
</body>
</html>